<!DOCTYPE html>
<!-- saved from url=(0055)http://wechat.fotile.com/mobile/fotile-world/index.html -->
<html class="jf-inactive"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>五大主题</title>
	

	<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, target-densitydpi=device-dpi">
	<!-- iPhone/iPad config -->
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="blank">
	<meta name="format-detection" content="telephone=no">
	<!-- iPhone/iPad config END -->

	<link rel="stylesheet" type="text/css" href="{$Think.config.RESOURCEURL}wx_assets/css/website/five_theme/website_five_theme1.css">
	<!-- <link rel="stylesheet" type="text/css" href="{$Think.config.RESOURCEURL}wx_assets/css/website/five_theme/website_five_theme4.css"> -->
	<link rel="stylesheet" type="text/css" href="{$Think.config.RESOURCEURL}wx_assets/css/website/five_theme/website_five_theme2.css">
<style type="text/css">
	html{background-color:#000;}
	body{background:none; margin:0;padding:0;}
    .bgbd_827{ position:absolute;width:100%; z-index:99;padding-bottom: 3em;}
    .bg_827{ position:fixed; width:100%; height:100%; background:url({$backgrounds[0]['picurl']}); -webkit-background-size: 100% 100%;}
</style>

	<script type="text/javascript" src="{$Think.config.RESOURCEURL}wx_assets/js/website/five_theme/website_five_theme2.js"></script>
	<script type="text/javascript" src="{$Think.config.RESOURCEURL}wx_assets/js/website/five_theme/website_five_theme3.js"></script>
	<script type="text/javascript">
	$(function (){
		var dh = $(document.body).height();
		var wh = $(window).height();
		if (dh < wh) {
			$('.grid-menu').css('padding-bottom', '0');
			$(document.body).height(wh);
		}

	})
	</script>
<script id="__tk2__seajsnode" charset="utf-8" async="" src="{$Think.config.RESOURCEURL}wx_assets/js/website/five_theme/website_five_theme4.js"></script><link rel="stylesheet" type="text/css" href="{$Think.config.RESOURCEURL}wx_assets/css/website/five_theme/website_five_theme3.css"></head>

<body data-index="true" class="nofix" style="height: 711px;">
<div class="html" style="background:url({$randomBackground}) no-repeat;-webkit-background-size: 100% 100%;">

    <div class="bgbd_827" >
	<ul class="grid-menu" style="padding-bottom: 0px;margin-top:5em;">
	<volist name="ModuleArticles" id="module">
		<li class="grid-item reset-fontsize" style="position:relative">
				<div style="width:70%;height:70%;margin:10px auto;position:relative;"><img width="100%" height="100%" src="{$module.picurl}" alt=""></div>
			<a href="{$module.url}" data-href="about.html">
				<span class="grid-icon grid-icon-about-fotile"></span>
				<span style="z-index:100;position:absolute;left:0px;bottom:22%;" class="grid-title-en hdjweibei">{$module.subtitle}
</span>
				<span class="grid-title-cn hdjweibei" style="z-index:100;position:absolute;left:0px;bottom:5%;">{$module.title}</span>
			</a>
			
		</li>
		</volist>
	</ul>
<!-- 			<div class="grid-menu-title" style="width:22em;">
	<volist name="MainArticles" id="main">
	<div style="position:relative;">
			<div style="width:50%;height:50%;margin:0 auto;"><img style="position:relative;" src="{$main.picurl}"></div>
		<a style="position:absolute;bottom:0.75em;left:0;z-index:5;background:rgba(0,0,0,0.4);display:block;width:100%;height:20px;color:#fff;font-size:16px;line-height:20epx;" href="javascript:document.location.reload();">
		<span style="margin-left:0.75em;" >{$main.title}</span>
		</a>
	</div>
	</volist>
	</div> -->
	<div style="width:20.5em;height:9em;border:1px solid #fff;margin:0 auto;">
	<div style="width:40%;height:70%;margin:0 auto;margin-top:1em;text-align:center;"><img width="100%" height="100%" src="{$main.picurl}" alt="">
	<span style="color:#fff;font-size:16px;" >{$main.title}</span>
	</div>
	</div>
    </div>
    <div class="bg_827"></div>
</div>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript" src="{$Think.config.RESOURCEURL}wx_assets/js/wx_share.js{$Think.config.RESOURCE_VER}"></script>
<script type="text/javascript">
	wx_share.init({
		"title":"{$title}",
		"desc":'{$shareinfo}',
		"link":location.href,
		"imgUrl": '{$sharepicurl}',
		"pkg":{
			"appId": '{$pkg.appId}',
			"timestamp": '{$pkg.timestamp}',
			"nonceStr": '{$pkg.nonceStr}',
			"signature": '{$pkg.signature}'
		},
		success:function(config,shareType){
		}
	});
</script>
</body></html>